<template>
	<view class="main-content">
		<index-header></index-header>
		<view class="content">
		<view class="act_lists">
			<ul>
				
				<li v-for="i in 3" :key="i">
					<navigator  url='/pages/activity/Introduction'>
					<view class="act_t">
					<view class="img">
						<image src="../../static/img/loginlogo.png" mode=""></image>
					</view>
					<view class="act_info">
						<p>中国雷达行业电子协会</p>
						<p>数字孪生技术是智慧城市建设的关键技术之一，其优势主要体现在数据集成，可视化展示</p>
						<p><span style="font-size: 22upx;color: #777;">粉丝 3</span>
						<span style="font-size: 22upx;color: #777;margin-left: 40upx;">活动 20
						</span>
						</p>
						
					</view>
					</view>
					</navigator>
				</li>
				
			</ul>
		</view>
		
		
		</view>
		<view-tabbar :current="2"></view-tabbar>
	</view>
</template>

<script>
	import Tabbar from '@/components/bottomNav.vue'
	export default {
		components:{
			 'view-tabbar': Tabbar,
		},
		data() {
			return {
				
			};
		}
	}
</script>

<style lang="scss">
.content {
	    width: 750upx;
	    height: auto;
	    padding-top: 108upx;
		min-height: calc(100% - 631upx);
	}
	
	.act_lists ul{
		padding-inline-start: 0!important;
	}
	.act_lists li{
		// border-bottom: 16upx solid #e7ebf6;
		list-style: none;
		height: 180upx;
		padding-top: 20upx;
		padding-left:20upx;
		padding-right: 20upx;
		// margin-bottom: 100upx;
	}
	.act_lists .img{
		width: 20%;
		float: left;
		// padding: 20upx;
		
	}
	.act_info{
		width:75%;
		float:right;
		border-bottom: 2upx solid #e7ebf6;
	}
	.act_info p:nth-child(1){
		font-size: 32upx;
	}
	.act_info p:nth-child(2){
		font-size: 22upx;
		color: #777;
		// margin-top: 24upx;
		display: inline-block;
		white-space: nowrap; 
		width: 100%; 
		overflow: hidden;
		text-overflow:ellipsis;
	}
	.act_info p:nth-child(3){
		margin-bottom: 10upx;
	}
	.act_info span:nth-child(1){
		font-size: 22upx;
		color: #777;
		// float: left;
		// display: ;
	}
	.act_info span:nth-child(2){
		font-size: 22upx;
		color: #1296db;
		// float: right;
	}
	.act_lists .img>image{
		width: 100%;
		height: 150upx;
	}
</style>
